<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS_并集选择器</title>
  <style>
      p,
      .car {
          color: red;
          font-size: 50px;
      }
      p,
      .animal,
      #sex {
          color: blue;
          font-size: 100px;
      }
  </style>
</head>
<body>
<!--并集选择器：
        作用：选中多个选择器对应的元素 又叫分组选择器
        并集集代表或者 要么....要么....
        语法：
        选择器1,
        选择器2,
        ....
        选择器n{
            属性名:属性值;
            属性名:属性值;
            ........
        }
        注意：
            1.一般我们竖着写。
            2.任何形式的选择器都可以是并集选择器的一部分。
            3.通常用于集体声明，可以缩小样式表体积。
-->
    <p class="animal">老虎</p>
    <p class="animal">狮子</p>
    <h2 class="animal1">大象</h2>
    <h3 class="car">保时捷</h3>
    <h4 class="car">玛莎拉蒂</h4>
    <p class="car">兰博基尼</p>
    <p id="sex">性别</p>
</body>
</html>